The Basics


<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>




</BODY>
</HTML>





How do you put a picture on your web page?

Glad you asked!


The code is this:
<IMG SRC=" " WIDTH=" " HEIGHT=" " ALT=" ">
In between the " " of the IMG SRC=" " you would put the image source or "path" of your picture. Eg:
C:\internet\graphics\your_picture.gif

The WIDTH=" " and HEIGHT=" " are a little more difficult. You can do one of three things.
  1. Not put in the WIDTH=" " and HEIGHT=" " attributes. This means the browser has to guess what the images' width and height are. Makes images load slow and you may not like what the browser decides to show.

  2. You can get a Graphics program that will give you that information. If you go this route, I'd suggest Paint Shop Pro.

  3. Or the easiest, which is to download an HTML Editor that will automatically put those attributes into your HTML. I'd suggest Arachnophilia for an HTML Editor.

The ALT=" " attribute is really cool. Ever put your cursor on a graphic on a page and a description pops up? When a page is loading, ever notice that in the box where the graphic is going to be, there's a name sitting in the box?

In between the " " of the ALT=" " put whatever you want to. "I Made This" or "This is a picture of my cat Fifi". Have fun. It doesn't have to be an exact thing. You don't even have to use the ALT=" ". One of the things I use it for is to put "E-Mail Me" on my e-mail graphic.

Always remember, writting HTML is an imaginative hobby. Sit back, relax and do what you want. Be creative. Have fun with it.



Lesson 1 Lesson 2 Lesson 3 Lesson 5 Lesson 6 Lesson 7 Lesson 8